﻿
@{
    ViewBag.Title = "Shopping";
}
@model List<Common.Param_Template>
<style data-vue-ssr-id="ae3940d6:0">

    .list_resume[data-v-3f112a72] {
        min-height: 100vh;
        background-color: #f0f3ef
    }

    .list_resume .page_w[data-v-3f112a72] {
        padding-bottom: 60px;
        max-width: 1300px
    }

    .list_resume .add_steps[data-v-3f112a72] {
        padding: 40px 10%
    }

    .list_resume .ad_banner[data-v-3f112a72] {
        position: relative;
        margin-top: 30px;
        -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
        box-shadow: 0 0 6px rgba(0, 0, 0, .1)
    }

    .list_resume .ad_banner a[data-v-3f112a72] {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2
    }

    .list_resume .baozhang[data-v-3f112a72] {
        margin: 40px auto 50px;
        max-width: 1000px
    }

    .list_resume .baozhang li[data-v-3f112a72] {
        text-align: center;
        display: inline-block;
        width: 30%;
        padding: 0 1%
    }

    .list_resume .baozhang li i[data-v-3f112a72] {
        font-size: 50px;
        color: #13d8a7
    }

    .list_resume .baozhang li .icon-100[data-v-3f112a72] {
        font-weight: 700
    }

    .list_resume .baozhang li p[data-v-3f112a72] {
        color: #01654c;
        margin-top: 5px;
        font-size: 14px
    }

    .list_resume .resume_filter[data-v-3f112a72] {
        background-color: #fff;
        padding: 20px 20px 0;
        margin-top: 40px;
        -webkit-box-shadow: 0 -5px 20px rgba(0, 0, 0, .08);
        box-shadow: 0 -5px 20px rgba(0, 0, 0, .08);
        position: relative
    }

    .list_resume .resume_filter h1[data-v-3f112a72] {
        font-weight: 700
    }

    .list_resume .resume_filter h1 b[data-v-3f112a72] {
        color: #f60;
        margin-left: 20px
    }

    .list_resume .resume_filter dl[data-v-3f112a72] {
        padding-left: 110px;
        position: relative;
        margin-top: 15px;
        padding-top: 25px;
        border-top: 1px dashed #dfdfdf
    }

        .list_resume .resume_filter dl[data-v-3f112a72]:first-child {
            border: none;
            margin-top: 0
        }

    .list_resume .resume_filter dl dt[data-v-3f112a72] {
        width: 100px;
        margin-left: -110px;
        float: left;
        text-align: right;
        line-height: 32px;
        font-size: 14px;
        font-weight: 700
    }

    .list_resume .resume_filter dl dd .el-button[data-v-3f112a72] {
        padding: 9px 25px;
        position: relative
    }

    .list_resume .resume_filter dl dd .el-button i[data-v-3f112a72] {
        font-size: 16px;
        position: absolute;
        left: 12px;
        top: 0;
        line-height: 30px;
        text-align: left
    }

    .list_resume .resume_filter .btn_zaixian[data-v-3f112a72] {
        position: absolute;
        right: 20px;
        top: 90px;
        line-height: 40px;
        padding: 0 30px;
        font-size: 16px;
        background-color: #f60;
        color: #fff;
        border-radius: 3px
    }

    .list_resume .resume_filter_bottom[data-v-3f112a72] {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 25px
    }

    .list_resume .resume_list[data-v-3f112a72] {
        background-color: #fff;
        padding: 10px 25px 50px;
        min-height: 700px
    }

    .list_resume .resume_list li[data-v-3f112a72] {
        float: left;
        width: 293px;
        margin-left: 25px;
        margin-top: 35px;
        -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, .3);
        box-shadow: 0 2px 20px rgba(0, 0, 0, .3);
        -webkit-transition: all .2s linear 0s;
        transition: all .2s linear 0s;
        border: 1px solid #dadada
    }

        .list_resume .resume_list li[data-v-3f112a72]:nth-child(4n+1) {
            margin-left: 0
        }

        .list_resume .resume_list li[data-v-3f112a72]:hover {
            -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
            border-color: #13d8a7;
            -webkit-box-shadow: 0 2px 10px rgba(19, 216, 167, .4);
            box-shadow: 0 2px 10px rgba(19, 216, 167, .4)
        }

    .list_resume .resume_list li:hover .list_footer[data-v-3f112a72] {
        border-top: 1px solid #999
    }

    .list_resume .resume_list li .resume_list_img[data-v-3f112a72] {
        display: block;
        width: 100%;
        height: 400px;
        background-size: 100% auto;
        position: relative;
        overflow: hidden;
        background-position: top;
        background-repeat: no-repeat
    }

    .list_resume .resume_list li .resume_list_img .list_tip[data-v-3f112a72] {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .6);
        text-align: center;
        color: #fff;
        padding-top: 80px;
        -webkit-transition: all .2s linear 0s;
        transition: all .2s linear 0s;
        opacity: 0
    }

    .list_resume .resume_list li .resume_list_img .list_tip i[data-v-3f112a72] {
        font-size: 40px
    }

    .list_resume .resume_list li .resume_list_img .list_tip p[data-v-3f112a72] {
        font-size: 14px;
        margin-top: 10px
    }

    .list_resume .resume_list li .resume_list_img dl[data-v-3f112a72] {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 20px 20px 10px;
        background-color: #fff;
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -webkit-transition: all .2s linear 0s;
        transition: all .2s linear 0s;
        z-index: 2
    }

    .list_resume .resume_list li .resume_list_img dl dd[data-v-3f112a72] {
        color: #999;
        text-align: left;
        padding: 5px 0
    }

    .list_resume .resume_list li img[data-v-3f112a72] {
        width: 100%;
        vertical-align: top
    }

    .list_resume .resume_list li .list_footer[data-v-3f112a72] {
        padding: 8px 20px;
        font-size: 14px;
        color: #888;
        border-top: 1px solid #eee;
        position: relative;
        background-color: #fff
    }

    .list_resume .resume_list li .list_footer .use_box[data-v-3f112a72] {
        position: absolute;
        left: 0;
        bottom: 0;
        color: #666;
        line-height: 52px;
        padding: 0 6px 0 14px;
        border-radius: 24px 0 0 0
    }

    .list_resume .resume_list li .list_footer .use_box i[data-v-3f112a72] {
        font-size: 18px;
        float: left;
        margin-right: 5px
    }

    .list_resume .resume_list li .list_footer .use_box .webfont[data-v-3f112a72] {
        font-size: 22px;
        margin-right: 0
    }

    .list_resume .resume_list li .list_footer .use_box .webicon-remen[data-v-3f112a72] {
        color: #ff6b02;
        font-size: 30px;
        line-height: 42px
    }

    .list_resume .resume_list li .list_footer .use_box .webicon-pdf[data-v-3f112a72] {
        color: #bd0202
    }

    .list_resume .resume_list li .list_footer .use_box .webicon-word[data-v-3f112a72] {
        color: #185abd
    }

    .list_resume .resume_list li .list_footer .btn_box[data-v-3f112a72] {
        overflow: hidden
    }

    .list_resume .resume_list li .list_footer .btn_box .btn_zhizuo[data-v-3f112a72] {
        background-color: #f60;
        color: #fff;
        display: inline-block;
        line-height: 36px;
        padding: 0 15px
    }

    .list_resume .resume_list li .list_footer .btn_box .btn_see[data-v-3f112a72] {
        float: right;
        background-color: #13d8a7;
        line-height: 36px;
        padding: 0 15px;
        color: #fff
    }

        .list_resume .resume_list li .list_footer .btn_box .btn_see[data-v-3f112a72]:hover {
            color: #fff !important
        }

    .list_resume .resume_list li .list_footer .btn_box .price2[data-v-3f112a72],
    .list_resume .resume_list li .list_footer .btn_box .price[data-v-3f112a72] {
        float: right
    }

    .list_resume .resume_list li .list_footer .btn_box .price[data-v-3f112a72] {
        font-size: 24px
    }

    .list_resume .resume_list li .list_footer .btn_box .price del[data-v-3f112a72] {
        color: #999;
        font-size: 16px
    }

    .list_resume .resume_list li .list_footer .btn_box .price2[data-v-3f112a72] {
        font-size: 14px
    }

    .list_resume .resume_list li .list_footer .btn_box .price2 del[data-v-3f112a72] {
        color: #999;
        margin-right: 10px
    }

    .list_resume .resume_list li .list_footer .btn_box .price2 del dfn[data-v-3f112a72] {
        font-size: 14px;
        margin-right: 0
    }

    .list_resume .resume_list li .list_footer .btn_box small[data-v-3f112a72] {
        font-size: 12px;
        margin-left: 2px;
        color: #999
    }

    .list_resume .resume_list .moreTpl[data-v-3f112a72] {
        text-align: center;
        line-height: 100px;
        height: 402px;
        font-size: 20px;
        padding: 80px 0 0
    }

    .list_resume .no_data[data-v-3f112a72] {
        padding: 50px;
        text-align: center;
        font-size: 18px;
        color: #666;
        background-color: #fff;
        border-top: 1px solid #eee
    }

    .list_resume .word_pay_tip[data-v-3f112a72] {
        margin-top: 30px;
        padding: 10px 20px;
        background: #ddf9f2;
        font-size: 15px
    }

        .list_resume .word_pay_tip[data-v-3f112a72]:last-child {
            display: none
        }

    .list_resume .word_pay_tip span[data-v-3f112a72] {
        color: #f60;
        font-weight: 700
    }

    .list_resume .word_pay_tip i[data-v-3f112a72] {
        color: #13d8a7;
        margin-right: 5px
    }

    @@media screen and (min-width:1650px) {
        .list_resume .page_w[data-v-3f112a72] {
            max-width: 1600px
        }

        .list_resume .resume_list[data-v-3f112a72] {
            padding: 10px 30px 50px
        }

        .list_resume .resume_list li[data-v-3f112a72] {
            width: 360px;
            margin-left: 30px;
            margin-top: 45px
        }

        .list_resume .resume_list li a .resume_list_img[data-v-3f112a72] {
            height: 500px
        }
    }

    @@media screen and (max-width:800px) {
        .list_resume .baozhang[data-v-3f112a72] {
            display: none
        }

        .list_resume .resume_filter[data-v-3f112a72] {
            margin-top: 20px
        }

        .list_resume .resume_filter dl[data-v-3f112a72] {
            padding-top: 5px;
            padding-left: 0
        }

        .list_resume .resume_filter dl dt[data-v-3f112a72] {
            float: none;
            width: 100%;
            font-size: 14px;
            margin-left: 0;
            text-align: left;
            margin-top: 0
        }

        .list_resume .resume_filter dl dd .el-button[data-v-3f112a72] {
            min-width: 60px;
            padding: 9px 10px;
            margin: 5px 10px 6px 0
        }

        .list_resume .resume_filter .word_pay_tip[data-v-3f112a72] {
            margin-top: 20px;
            font-size: 14px
        }

            .list_resume .resume_filter .word_pay_tip[data-v-3f112a72]:nth-last-child(2) {
                display: none
            }

            .list_resume .resume_filter .word_pay_tip[data-v-3f112a72]:last-child {
                display: block
            }

        .list_resume .resume_list li[data-v-3f112a72] {
            width: 100%;
            margin-left: 0
        }

        .list_resume .resume_list li a .resume_list_img[data-v-3f112a72] {
            height: 400px
        }
    }
</style>
<style data-vue-ssr-id="1ea6fc31:0">

    @@media screen and (min-width:1650px) {
        .list_resume .footer .float_r {
            right: 20px;
            left: auto !important
        }
    }
</style>
<section class="list_resume" data-v-3f112a72>
    @{
        Html.RenderAction("Header", "Home");
    }
    <div class="page_w" data-v-3f112a72>
        <div class="resume_filter" data-v-3f112a72>
            <h1 data-v-3f112a72>高薪简历模板推荐</h1>
            <dl data-v-3f112a72>
                <dt data-v-3f112a72>模板风格：</dt>
                <dd data-v-3f112a72>
                    <button type="button"
                            class="el-button el-button--primary el-button--small is-round"
                            data-v-3f112a72>
                        <!---->
                        <!----><span>全部</span>
                    </button><button type="button" class="el-button el-button--small is-round"
                                     data-v-3f112a72>
                        <!---->
                        <!----><span>简洁</span>
                    </button><button type="button" class="el-button el-button--small is-round"
                                     data-v-3f112a72>
                        <!---->
                        <!----><span>表格</span>
                    </button><button type="button" class="el-button el-button--small is-round"
                                     data-v-3f112a72>
                        <!---->
                        <!----><span>时尚</span>
                    </button><button type="button" class="el-button el-button--small is-round"
                                     data-v-3f112a72>
                        <!---->
                        <!----><span>应届生</span>
                    </button><button type="button" class="el-button el-button--small is-round"
                                     data-v-3f112a72>
                        <!---->
                        <!----><span>普通</span>
                    </button><button type="button" class="el-button el-button--small is-round"
                                     data-v-3f112a72>
                        <!---->
                        <!----><span>免费</span>
                    </button>
                </dd>
            </dl>
            <div class="word_pay_tip" data-v-3f112a72>
                <i class="el-icon-info"
                   data-v-3f112a72></i>支持在线制作、下载、转发。
            </div>
            <div class="word_pay_tip" data-v-3f112a72>
                <i class="el-icon-info"
                   data-v-3f112a72></i>支持手机在线制作、下载、转发。
            </div>
        </div>
        <ul class="resume_list clearfix" data-v-3f112a72>
            @foreach (var item in Model)
            {
                <li data-v-3f112a72>
                    <a href="1133.htm"
                       tppabs="#" target="_blank"
                       data-v-3f112a72>
                        <div class="resume_list_img" data-v-3f112a72 data-src="@(Common.Tools.TemplateImg+item.Timg)" lazy="loaded" style="background-image:url(@(Common.Tools.TemplateImg+item.Timg));">
                            <div class="list_tip" data-v-3f112a72>
                                <i class="el-icon-view"
                                   data-v-3f112a72></i>
                                <p data-v-3f112a72>点击预览</p>
                            </div>
                            <dl data-v-3f112a72>
                                <dd data-v-3f112a72>简历风格： 时尚 / 简洁 / 应届生</dd>
                                <dd data-v-3f112a72>下载格式： Word文档</dd>
                            </dl>
                        </div>
                    </a>
                    <div class="list_footer" data-v-3f112a72>
                        <div title="热度" class="use_box" data-v-3f112a72>
                            <i class="webfont webicon-remen"data-v-3f112a72></i><span data-v-3f112a72>@item.Thumbsup</span>
                        </div>
                        <div class="btn_box" data-v-3f112a72>
                            <a href="1133.htm"tppabs="#"target="_blank" class="btn_see" data-v-3f112a72>查看详情</a>
                        </div>
                    </div>
                </li>
            }
            @*<li data-v-3f112a72>
                <a href="javascript:if(confirm(%27https://www.qmjianli.com/resume/details/word/1011  \n\nThis file was not retrieved by Teleport Ultra, because it was unavailable, or its retrieval was aborted, or the project was stopped too soon.  \n\nDo you want to open it from the server?%27))window.location=%27https://www.qmjianli.com/resume/details/word/1011%27"
                   tppabs="https://www.qmjianli.com/resume/details/word/1011" target="_blank"
                   data-v-3f112a72>
                    <div class="resume_list_img" data-v-3f112a72>
                        <div class="list_tip" data-v-3f112a72>
                            <i class="el-icon-view"
                               data-v-3f112a72></i>
                            <p data-v-3f112a72>点击预览</p>
                        </div>
                        <dl data-v-3f112a72>
                            <dd data-v-3f112a72>简历风格： 普通</dd>
                            <dd data-v-3f112a72>下载格式： Word文档</dd>
                        </dl>
                    </div>
                </a>
                <div class="list_footer" data-v-3f112a72>
                    <div title="热度" class="use_box" data-v-3f112a72>
                        <i class="webfont webicon-remen"
                           data-v-3f112a72></i><span data-v-3f112a72>452</span>
                    </div>
                    <div class="btn_box" data-v-3f112a72>
                        <a href="javascript:if(confirm(%27https://www.qmjianli.com/resume/details/word/1011  \n\nThis file was not retrieved by Teleport Ultra, because it was unavailable, or its retrieval was aborted, or the project was stopped too soon.  \n\nDo you want to open it from the server?%27))window.location=%27https://www.qmjianli.com/resume/details/word/1011%27"
                           tppabs="https://www.qmjianli.com/resume/details/word/1011"
                           target="_blank" class="btn_see" data-v-3f112a72>查看详情</a>
                    </div>
                </div>
            </li>*@
        </ul>
    </div>
    @{
        Html.RenderAction("Footer", "Home");
    }
    <!---->
</section>

